<!DOCTYPE html>
<html lang="en">
	<head>
		<title> New Document </title>
		<meta charset="utf-8">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->
		<link href="${webRoot}resources/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="${webRoot}resources/css/style.css" rel="stylesheet">
	</head>
<body class="main">
	<div class="wrap">
		<form class="form-horizontal" id="formId" action="${webRoot}area/addAreaInfo.do" >
		   <ul class="breadcrumb">
		    <li><span id="test">您当前的位置：</span><a href="#">首页</a> <span class="divider">>></span></li>
		    <li class="active">${addArea}</li>
	     </ul>
		  <div class="control-group">
		    <label class="control-label" for="areaname">地区名字</label>
		    <div class="controls">
		      <input type="text" id="areaname" name="areaname">
		    </div>
		  </div>
		   <div class="control-group">
		    <label class="control-label" for="cityid">所属地市</label>
		    <div class="controls">
				<select id="cityid" name="cityid">
				  <option value="0128">宜兴</option>
				</select>
		    </div>
		  </div>		
		  <div class="control-group">
		    <div class="controls">
		      <button type="button" class="btn" id="insertTo" onclick="sendValue();">确定添加</button>
		    </div>
		  </div>
		</form>		
	</div>			
	<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
	<script src="${webRoot}resources/js/bootstrap.min.js"></script>
	<script src="${webRoot}resources/js/js.js"></script>
	<script type="text/javascript">
		function sendValue(){
			var areaname =$("#areaname").val();
			if($.trim(areaname) == null ||$.trim(areaname) =="" ){
				alert("地区名称不能为空！");
				return ;
			}else{
				var form = document.getElementById("formId");  
				form.submit();  
			}
		}
		</script>
</body>
</html>
